<#include "../component/layout.html"/>
<@layout>
<div class="goods-detail clearfix">
	<div class="main">
		<!-- 搭配列表开始 -->
		<ul class="relate-list">
			<#list style.styleItems as item>
			<li>
				<a class="thumb" href="/style/items/${item.style_id}-${item.sequence}">
					<img src="${item.style_url!}">
				</a>
				<span class="cart-icon"></span>
			</li>
			</#list>
		</ul>
		<!-- 搭配列表结束 -->
		<!-- 主图开始 -->
		<div class="pic-panel">
			<a id="style-pic-link" href="/style/items/${style.id}-1"
				style="height:${style.detail_height}px;width:${style.detail_width}px;">
				<img id="style-pic" src="${style.detail_url}">
			</a>
		</div>
		<!-- 主图结束 -->
	</div>
	<div class="side">
		<!-- 商品信息开始 -->
		<div class="good-info clearfix">
			<div class="des">
				<h2>
					<a href="javascript:void(0);" target="_blank">${style.description!}</a>
				</h2>
				<div class="brand clearfix">
					<ul>
						<li>
							<img class="user-pic" width="60" height="60" src="${style.avatar_large}">
						</li>
						<li>
							<a class="user-name" href="/user/${style.user_id}">${style.nickname}</a>
                            <p><span class="time-icon">发布于${style.check_time}</span></p>
						</li>
					</ul>
				</div>		
				<div class="buy" style="display:none;">
					<a href="javascript:void(0);" target="_blank">
						<p class="price">￥20.09</p>
						<p class="view-more">前往购买</p>
					</a> 
				</div>
			</div>
		</div>
		<!-- 商品信息结束 -->
		<!-- 相关推荐开始 -->
		<#if similarStyles?? && (similarStyles.size() > 0)>
		<div class="good-related clearfix">
        	<h2>相似推荐</h2>
            <ul id="J_share_item">
            	
            	<#list similarStyles as item>
            	<li>
                	<div class="pic">
                    	<a type="detail_revelent" href="/style/${item.id}" target="_blank">
                    		<img src="${item.similar_url}" title="${item.description}" alt="${item.description}">
                    	</a>
                    </div>
                </li>
            	</#list>
            	
            </ul>
        </div>
        </#if>
		<!-- 相关推荐结束 -->
	</div>
</div>
</@layout>
<script type="text/javascript">
$(function(){
	
});
</script>